﻿@{
    ViewBag.Title = "设备故障字典";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section head{
    <style type="text/css">
        div#navigation {
            background: white;
        }

        div#wrapper {
            float: right;
            width: 100%;
            margin-left: -235px;
        }

        div#content {
            margin-left: 235px;
        }

        div#navigation {
            float: left;
            width: 230px;
        }

        .datagrid-cell a {
            color: black;
        }

            .datagrid-cell a:hover {
                color: red;
            }
    </style>
}

@section scripts{
    <script src="~/Areas/Dev/ViewModels/Dev.sbgzyy.js"></script>
    <script type="text/javascript">
        using(['validatebox','combobox']);
        var  viewModel =function(data){
            dev.viewModel.searchEdit.apply(this, arguments);//继承Senv.viewModel.edit
        };
        var data = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model));
        ko.bindingViewModel(new viewModel(data));
    </script>
}

<div id="container">
    <div id="wrapper">
        <div id="content">
            <div class="z-toolbar">
                <a id="a_refresh" href="#" plain="true" class="easyui-linkbutton" icon="icon-arrow_refresh" title="刷新" data-bind="click:refreshClick">刷新</a>
                <a id="a_add" href="#" plain="true" class="easyui-linkbutton" icon="icon-add" title="新增" data-bind="click:addClick">新增</a>
                <a id="a_edit" href="#" plain="true" class="easyui-linkbutton" icon="icon-edit" data-bind="click:editClick" title="编辑">编辑</a>
                <a id="a_del" href="#" plain="true" class="easyui-linkbutton" icon="icon-cross" title="删除" data-bind="click:deleteClick">删除</a>
                <a id="a_save" href="#" plain="true" class="easyui-linkbutton" icon="icon-save" title="保存" data-bind="click:saveClick">保存</a>
                <a id="a_cus1" href="#" plain="true" class="easyui-linkbutton" icon="icon-node_tree" data-bind="click:typeClick" title="设备故障类别">设备故障类别</a>
            </div>

            <table id="gridlist" data-bind="datagrid:grid">
                <thead>
                    <tr>
                        <th field="Sbgzyy_Yybh" editor="text" sortable="true" align="left" width="120">故障编号 </th>
                        <th field="Sbgzyy_Yymc" editor="text" sortable="true" align="left" width="120">故障名称 </th>
                        @*<th field="Sbgzyy_Lbbh" editor="text" sortable="true" align="left" width="120">故障类别 </th>*@
                        <th field="Sbgzyy_Lbbh" editor="text" sortable="true" align="left" width="120">设备编号 </th>
                        <th field="Sbgzyy_Yyms" editor="text" sortable="true" align="left" width="320">故障原因描述 </th>
                        <th field="Sbgzyy_Remark" editor="text" sortable="true" align="left" width="320">故障备注 </th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <div id="navigation">
        <div title="设备故障类别" style="width: 230px;" class="easyui-panel" data-options="title: '设备故障类别', iconCls: 'icon-node_tree', height: $(window).height() - 4 ">
            <ul data-bind="easyuiTree:tree"></ul>
        </div>
    </div>
</div>

<script type="text/html" id="type-template">
    <style type="text/css">
        .datagrid-wrap {
            border-width: 0 0 1px 0;
        }
    </style>
    <table data-bind="treegrid:grid">
        <thead>
        <th field="Sbgzlb_Lbbh" sortable="true" align="left" width="100" editor="{type:'validatebox',options:{required:true}}">故障类别编码</th>
        <th field="Sbgzlb_Lbmc" sortable="true" align="left" width="120" editor="{type:'validatebox',options:{required:true}}">故障类别名称</th>
        <th field="Sbgzlb_Sjbh" sortable="true" align="left" width="80" editor="text">上级编码   </th>
        <th field="Sbgzlb_Remark" sortable="true" align="left" width="240" editor="text">备注       </th>
        </thead>
    </table>

    <div style="text-align:center;margin:5px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" data-bind="click:confirmClick" href="javascript:void(0)">确定</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" data-bind="click:cancelClick" href="javascript:void(0)">取消</a>
    </div>
</script>
